<template>
  <div class="gg">
    <Header>
      积分规则
    </Header>
    <table>
      <tr>
        <td>积累规则</td>
        <td>消费 1.00 元，获得 1 积分</td>
      </tr>
      <tr>
        <td>额外积分</td>
        <td>每天登录送 3 积分</td>
      </tr>
      <tr>
        <td>额外积分</td>
        <td>推荐好友送 3 积分</td>
      </tr>
      <tr>
        <td>额外积分</td>
        <td>商品评论送 3 积分</td>
      </tr>
      <tr>
        <td>使用积分</td>
        <td>100 积分 = 1元</td>
      </tr>
      <tr>
        <td>提醒</td>
        <td>消费积分并不会影响升级会员卡，与会员升级相关的是总积分</td>
      </tr>
    </table>
    <router-link to='/integral' tag='div' class="qd">
      确定
    </router-link>
  </div>
</template>
<style lang="scss">
.gg {
  width: 100%;
  height: 100%;
  background-color: #eee;
  header {
    display: flex;
    justify-content: space-between;
  }
  table {
    width: 100%;
    height: 50%;
    background-color: white;
    font-size: 15px;
    td:nth-child(1) {
      color: #999;
      width: 30%;
      text-align: center;
    }
    td:nth-child(2) {
      padding-right: 14px;
    }
  }
  .qd {
    width: 94%;
    height: 40px;
    line-height: 40px;
    margin: 15px 3%;
    background-color: #ff7100;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    letter-spacing: 5px;
    text-align: center;

  }
}
</style>
<script>
import Header from '@/components/header.vue'
export default {
  components: {
    Header
  }
}
</script>
